#{extends 'main.html' /}
#{set title: 'page.app.home.title' /}

<script type="text/javascript">
	$(document).ready(function() {
		$( "#activities" ).accordion({animated: true, collapsible: true});
	});
</script>

<div id="content">
Detail of the focus: ${focus.id}
<hr/>
<h2>${focus.title}</h2>
<p>${focus.description}</p>

<hr/>

<div id="activities">
	<h3><a href=#>List of information requests open.</a></h3>
	<div id="info-open">
		<ul>
		#{list items: infoOpenList, as:'infoOpen'}
			<li>
				<a href="@{bluehat.InformationRequestController.detail(infoOpen.id)}">${infoOpen.id}</a> - (from: ${infoOpen.start.format()} , to: ${infoOpen.end.format()}) 
				<a href="@{bluehat.InformationRequestController.confirm_delete(infoOpen.id)}">Eliminar</a>
			</li>
		#{/list}
		</ul>
	</div>
	
	
	<h3><a href=#>List of information requests plannified.</a></h3>
	<div id="info-plannified">
		<ul>
		#{list items: infoRemainList, as:'infoRemain'}
			<li>
				${infoRemain.id} - (from: ${infoRemain.start.format()} , to: ${infoRemain.end.format()}) 
				<a href="@{bluehat.InformationRequestController.confirm_delete(infoRemain.id)}">Eliminar</a>
			</li>
		#{/list}
		</ul>
	</div>
	
	
	<h3><a href=#>List of information requests closed.</a></h3>
	<div id="info-closed">
		<ul>
		#{list items: infoClosedList, as:'infoClosed'}
			<li>
				${infoClosed.id} - (from: ${infoClosed.start.format()} , to: ${infoClosed.end.format()}) 
				<a href="@{bluehat.InformationRequestController.confirm_delete(infoClosed.id)}">Eliminar</a>
			</li>
		#{/list}
		</ul>
	</div>
	
	<h3><a href=#>List of idea requests open.</a></h3>
	<div id="idea-open">
		<ul>
		#{list items: ideaOpenList, as:'ideaOpen'}
			<li>
				<a href="@{bluehat.IdeaRequestController.detail(ideaOpen.id)}">${ideaOpen.id}</a> - (from: ${ideaOpen.start.format()} , to: ${ideaOpen.end.format()})
				<a href="@{bluehat.IdeaRequestController.confirm_delete(ideaOpen.id)}">Eliminar</a>
			</li>
		#{/list}
		</ul>
	</div>
	
	<h3><a href=#>List of idea requests plannified.</a></h3>
	<div id="idea-plannified">
		<ul>
		#{list items: ideaRemainList, as:'ideaRemain'}
			<li>
				${ideaRemain.id} - (from: ${ideaRemain.start.format()} , to: ${ideaRemain.end.format()})
				<a href="@{bluehat.IdeaRequestController.confirm_delete(ideaRemain.id)}">Eliminar</a>
			</li>
		#{/list}
		</ul>
	</div>
	
	<h3><a href=#>List of idea requests closed.</a></h3>
	<div id="idea-closed">
		<ul>
		#{list items: ideaClosedList, as:'ideaClosed'}
			<li>${ideaClosed.id} - (from: ${ideaClosed.start.format()} , to: ${ideaClosed.end.format()})</li>
			<a href="@{bluehat.IdeaRequestController.confirm_delete(ideaClosed.id)}">Eliminar</a>
		#{/list}
		</ul>
	</div>
</div>
<hr/>
<div id="actions">
<a href="@{bluehat.InformationRequestController.form(focus.id)}">New information request</a>
<a href="@{bluehat.IdeaRequestController.form(focus.id)}">New idea request</a>
<a href="@{bluehat.DashBoard.index()}">Volver a la lista de focos</a>
</div>
</div>
